<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function checkForm(){
				//var d=document.querySelector("[name=em]");
				var d=document.getElementById("em");
				var e=d.value;
				if(e.indexOf("@")==-1||e.indexOf(".")==-1){
					alert("格式错误");
					return false;
				}
				var p=document.getElementById("pass").value;
				if(p.length<6){
					alert("密码太短");
					return false;
				}
				//要求密码中不能全是数字
				var allDigit=true;
				for(var i=0;i<p.length;i++){
					var s=p.substring(i,i+1);
					if(isNaN(s)){
						allDigit=false;
						break;
					}
				}
				if(allDigit){
					alert("密码全是数字，过于简单");
					return false;
				}
				return  true;
			}
		</script>
	</head>
	<body>
		<form action="table.html" method="get" onsubmit="return checkForm()" >
			<input type="hidden" name="from" value="baidu"/>
			<p>
				就读学校：<input type="text" name="school" value="合肥科海中心" readonly="readonly"/>
			</p>
			<p>
				<label for="userName">登录名：</label><input id="userName" type="text" required size="16" maxlength="12" pattern="\w{2,12}" name="userName" value="lao" placeholder="请输入用户名"/>
			</p>
			<p>
				手机号:<input type="tel" name="telephone"  />
			</p>
			<p>
				<!--pattern="\w{6,}" required-->
				<label for="pass">密码：</label><input type="password"  name="pass" id="pass" placeholder="请输入密码"/>
			</p>
			<p>
				性别:<input type="radio" name="sex" checked="checked" value="Male"/>男
				     <input type="radio" name="sex" value="female"/>女
					 <input type="radio" name="sex" value="baomi"/>保密
					 
			</p>
			<p>
				爱好：
				<input  type="checkbox" name="like" value="dancing"/>跳舞
				<input type="checkbox" name="like" value="sing"/>唱歌
				<input type="checkbox" name="like" value="game"/>游戏
				<input type="checkbox" name="like" value="TV"/>看电视
				<input type="checkbox" name="like" value="Sleep"/>睡觉
			</p>
			<p>
				来自哪个省:
				<select name="province" >
					<option value="anhui">安徽</option>
					<option value="js">江苏</option>
					<option value="hubei">湖北</option>
					<option value="jiangxi">江西</option>
					<option value="sh" selected="selected">上海</option>
					<option value="sc">四川</option>
				</select>
			</p>
			<p>
				个人经历：<br/>
				<textarea name="jingli" cols="20" rows="10">请填写个人经历</textarea>
			</p>
			<p>个人照片:
			 <input type="file" name="ZHAOPIAN"/>
			</p>
			<p>
				age:<input disabled="disabled" value="21" type="number" name="age" max="80" min="1" step="2"/>
			</p>
			<p>
				搜索:<input type="search" name="txtSearch"/>
			</p>
			<p>
				个人资料完整度:<input type="range" name="wanzhengdu" max="100" min="1"/>
			</p>
			<p>电子邮件：
			<input type="email" required name="em" id="em"/></p>
			<p>
				请同意我们的<a href="#">用户协议</a> <input type="checkbox" required="required" name="xieyi" value="tongyi"/>
			</p>
			<p>
				<input type="submit" value="注册"/>
				<input type="reset" value="重置"/>
				<input type="button" value="普通按钮"/>
			</p>
			<p>
				<button type="reset">重置</button>
				<input type="image" src="images/icon.gif"/>
			</p>
		</form>
	</body>
</html>
